# Страница «Направления Нетологии»

### Реализация

#### В песочнице CodePen

Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/MPoWxY](https://codepen.io/Netology/pen/MPoWxY?editors=0100#0). Вносите изменения только во вкладке CSS.

##### Внимание: Общую структуру документа создавать не надо, вкладка Codepen «HTML» работает, как тег `<body>`
см. [инструкцию по работе с Codepen](https://github.com/netology-code/guides/tree/master/codepen).

---

## Описание

В рамках редизайна сайта «Нетологии» дизайнер Вася создал страницу «Направления Нетологии». Он даже хотел сверстать ее, но у него не хватило знаний. Давайте поможем Васе и добьемся соответсвия верстки макету.

Сейчас страница выглядит следующим образом:

![](https://netology-code.github.io/html-2-homeworks/sources/3-2/courses-before.jpg)

Ваша задача состоит в том, чтобы привести страницу к виду:

![](https://netology-code.github.io/html-2-homeworks/sources/3-2/courses-after.jpg)

## Процесс реализации

1. Расположите элементы с классом `courses-list-item` в строку.
2. Выровняйте элементы с классом `courses-list-item` по верхней границе.
3. Сделайте так, чтобы текст и элементы были выровнены по центру по горизонтали.
4. Задайте фоновое изображение [https://netology-code.github.io/html-2-homeworks/form-elements/courses/img/presentation.jpg](https://netology-code.github.io/html-2-homeworks/form-elements/courses/img/presentation.jpg) для элемента с классом `hero`.
5. Задайте цвет фона `#6d6c69` для элемента с классом `hero`.
6. Отключите повторение фонового изображения.
7. Расположите фоновое изображение по центру по горизонтали и вертикали.
8. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage ([скриншот](/sources/screen.md)). Если режим FullPage View выдал ошибку - вам нужно подтвердить свою учетную запись в codepen, пройдя по ссылке из письма, пришедшего от codepen, тогда все должно начать работать корректно.

Не требуется вносить какие-либо другие правки в CSS или писать дополнительные правила, кроме тех, что предусмотрены заданием.

